<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<meta name=”renderer” content=”webkit|ie-comp|ie-stand” />
	<title>盒子有声联盟</title>
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<link type="text/css" rel="stylesheet" href="css/login.css">
	<link type="text/css" rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="js/login.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<!--[if lte IE 8]>
	<style type="text/css">
		html,body{width:100%; height:100%; overflow:scroll}
		.section-btn{display:none;}
	</style>
	<![endif]-->
</head>
<body>
<div class="top-navg">
	<div class="container">
		<div class="logo">
			<a href="http://www.audiogroup.cn">
				<img class="logo_k1" src="img/logo.png" alt="" width="80%">
			</a>
		</div>
		<div class="login_r">
			<a  class="login_btn" id="login">登录</a>
			<a class="online_s" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=34476045&site=qq&menu=yes">在线客服</a>
		</div>
		<div class="clearfix"></div>
	</div>
</div>
<div class="bg_login">
</div>
<div class="container login_page">
	<div class="con_right">
		<span class="del">
			<img src="img/delete.png" width="100%">
		</span>
		<div class="con_r_top">
			<span class="login_txt">会员登录</span>
			<div class="login_tit"></div>
		</div>
		<ul>
			<li class="con_r_right" style="display: block;">
			   <form name="form1"  autocomplete="off">
					<div class="user">
						<div class="login_div">
							<span class="user-icon"></span>
							<input type="text" id="userid" name="userName" placeholder="　输入账号" value="">
							<span class="clear" id="clear1"></span>
							<span class="prompt" style="font-size:12px;"></span>
						</div>
						<div class="login_div">
							<span class="mima-icon"></span>
							<input type="password" id="pwd" name="password" placeholder="　输入密码" value="">
							<span class="clear" id="clear2" ></span>
							<span class="prompt1"></span>
						</div>
					</div>
					<div class="remember_password">
						<input type="checkbox" name="remeber" id="login_ch" class="chk_1">
                        <label for="login_ch"></label>
						<span style="font-size:12px;">记住密码</span>
					</div>
					<br>
					<button id="btn_Login" type="button">登 录</button>

			   </form>
			</li>
		</ul>
	</div>
</div>
<section class="section-wrap">
	<div class="section section-1">

		<div class="container">
			<div class="pic1">
				<img src="img/bg1_txt.png" class="img-responsive" >
			</div>
		</div>
		<div class="mask">
		</div>
	</div>
	<div class="section section-7">
		<div class="pic_7">

			<div class="container">
				<div class="pic7">
					<img src="img/listion_l.png">
				</div>
				<div class="pic71">
					<span class="scene top1 left1">walking</span><span class="scene top1 left2">travelling</span><span class="scene top1 right1">kids</span>
					<span class="scene top2 left1">sports</span><span class="scene top4 left2">场景</span><span class="scene top2 right1">housework</span>
					<span class="scene top3 left1">get bus</span><span class="scene top3 left2">before sleep</span><span class="scene top3 right1">take rest</span>
					<img src="img/listion_r.png">
				</div>
			</div>
		</div>
	</div>
	<div class="section section-2">
		<div class="container">
			<div class="title">
				<p class="tit til_size">新媒体  新玩法</p>
				<p class="tit tit_b">AGX平台特别之处</P>
			</div>
			<ul class="ch-grid">
				<li>
					<div class="ch-img" style="padding-left:20px;">
						 <img src="img/focusing.png" class="img-responsive" alt="Cinque Terre">
					</div>
					<div style="display: inherit;">
						<h5 class="font_s1">01.</h5>
						<br>
						<p class="font_s3">它是网络电台市场目前为止第一家
							也是唯一一家程序化PMP广告平台
						</p>

					</div>

				</li>
				<li>
					<div class="ch-img ch-mp3" >
						 <img src="img/diversification.png" class="img-responsive" alt="Cinque Terre">
					</div>
					<div style="display: inherit;">
						<h5 class="font_s1">02.</h5>
						<br>
						<p class="font_s3">它不是单纯的程序化广告平台，而是
							垂直广告+垂直内容的第三方服务平台
						</p>

					</div>

				</li>
				<li>
					<div class="ch-img">
						 <img src="img/One.png" class="img-responsive" alt="Cinque Terre">
					</div>
					<div style="display: inherit;">
						<h5 class="font_s1">03.</h5>
						<br>
						<p class="font_s3">它是网络音频市场第一家APA(Audio
							Player Advertising)广告技术服务商
						</p>

					</div>

				</li>
			 </ul>
		</div>
	</div>
	<div class="section section-3">
		<div class="pic_3">
			<div class="container">
				<div class="pic3">
				   <div class="pic3_tit">
				   		<span>10亿</span>
				   		<p> +优质用户</p>
				   </div>
				   <div class="pic3_con">
				   		<ul>
				   			<li>
				   				<span>• 媒体广度：</span>
				   				<p>现存3.8亿左右，未来两年5-7亿左右</p>
				   			</li>
				   			<li>
				   				<span>• 媒体频度：</span>
				   				<p>HeroApp日均启动次数4.2次，日均播放8.7次</p>
				   			</li>
				   			<li>
				   				<span>• 媒体黏度：</span>
				   				<p>HeroApp平均用户日活7-10%左右</p>
				   			</li>
				   			<li>
				   				<span>• 媒体深度：</span>
				   				<p>人均单次有效使用时长7.8-10.3分钟</p>
				   			</li>
				   		</ul>
				   </div>
				</div>
				<div class="pic31"></div>
			</div>
		</div>
	</div>
	<div class="section section-8">
		<div class="pic_8">
			<div class="container">
				<div class="pic8">
					<img src="img/ad_spread.jpg">
				</div>
			</div>
		</div>
	</div>
	<div class="section section-5">
		<div class="pic_5">
			<div class="container">
				<div class="pic5">
				   <div class="pic5_tit">
				   		<span>海量</span>
				   		<p>优质用户</p>
						<br>
						<font>贴片音频广告</font>
				   </div>
				   <div class="pic5_con">
				   		<ul>
				   			<li>
				   				<p>• 优质内容与用户连接度更高，创造粘合及归属</p>
				   			</li>
				   			<li>
				   				<p>• 优质内容有助于品牌与用户之间的建立真诚沟通</p>
				   			</li>
				   			<li>
				   				<p>• 优质内容是数据无法取代的品牌放大系数</p>
				   			</li>

				   		</ul>
				   </div>

				</div>
				 <div class="pic51">
					<img src="img/varieties.png" width="100%">
				</div>

			</div>
		</div>

	</div>
	<div class="section section-4">
		<div class="pic_4">
			<div class="container">
				<div class="title">
				<p class="tit til_size">AGX声媒APA广告投放形式</p>

				</div>
				<div class="adv-left">

				</div>

				<div class="bg_ph" style="float:left;">
					<div style="clear: both"></div>
					<div class="adv_bg1" style="position: relative;">
						<div class="countdown_a">
								广告<strong id="second_show2" style="color:red;">15</strong>秒
							</div>
							<div class="countdown_b">
								AD by AGX
							</div>

					    <video id="video" class="vid" src="http://res.audiogroup.cn/res/upload/agx_ims_creative/video/20160630/kxka8ub.mp4" width="259px">
						Your browser does not support the audio element.
						</video>
						<div style="clear: both"></div>
						<div class="adv_bg">
							<div class="countdown">
								广告<strong id="second_show1" style="color:red;">15</strong>秒
							</div>
							<div class="adv_logo">
								AD by AGX
							</div>
						</div>
					</div>
					<div>
						<audio id="audio" src="http://res.audiogroup.cn/res/upload/agx_ims_creative/audio/20160630/kxyvi41.mp3" >
						Your browser does not support the audio element.
						</audio>
						<audio id="audio1" src="http://res.audiogroup.cn/res/upload/agx_ims_creative/audio/20160531/ii7ieqg.mp3" >
						Your browser does not support the audio element.
						</audio>
					</div>
				</div>

				<div class="adv-right">
					<ul>
						<li  class="grid4">
							<h4 class="audio1 play" id="playpause1">贴片纯音广告</h4>
							<span class="r_spot"></span>
							<div class="adv_line"></div>
							<div class="adv_locker1">
								移动互联网时代，“听”已经成为你生活的一部分，我们拥有一站全流量声媒资源采购中心，私有品牌资源市场。
							</div>

							<div class="playpause1 play"></div>
						</li>
						<li  class="grid5">
							<h4 class="audio play1" id="playpause">贴片音图广告</h4>
							<span class="r_spot1"></span>
							<div class="adv_line1"></div>
							<div class="adv_locker1">
								我们的音图广告接近全网覆盖、海量曝光资源，统一管理优化，高效集中更低的成本覆盖更多的目标人群。
							</div>
							<div class="playpause play1"></div>
						</li>
						<li  class="grid6">
							<h4  id="playpause2" class="play2">贴片视频广告</h4>
							<span class="r_spot2"></span>
							<div class="adv_line2"></div>
							<div class="adv_locker1">
								多维度数据报表供精准优化，自动化工具帮助您优化广告计划 业内领先技术，提供点击到达率/转换量预测，作弊追踪模型识别作弊流量。
							</div>
							<div class="playpause2 play2"></div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="section section-6">
		<div class="container">
			<div class="title">
				<p class="tit til_size">音频媒体广告合作流程</p>
			</div>
			<div class="process">
			<div style="clear:both;"></div>
				<div class="process_l">
					<div class="process_tit">
						<h4>音频媒体广告合作特点</h4>
					</div>
					<div class="process_content">
						<p>音频广告合作联盟，基于AGX平台大数据智能推荐算法，将匹配的广告推送至渠道（应用或网站）联盟用户的应用中，按展示量（cpm）计费，最大限度地提升渠道流量收益，同时平台提供强大的广告统计分析能力。</P>

						<span><div class="bar"></div>根据开发者设置，自动获取联盟广告物料，包含纯音频广告、音图广告（图片+音频）、图片广告，同时集成广告播放控制器（ADPlayerCtrl)</span>
						<span><div class="bar"></div>支持短信、电话、网页多种广告点击类型</span>
						<span><div class="bar"></div>内含广告展板，广告运行过程中，可控制广告展板的显示、隐藏以及计时等信息，并可监控获取的广告结果信息</span>
						<div class="down_load">
							<div class="inner-1">

								<a class='demo' href="http://www.audiogroup.cn/demo/AGX_DEMO_v1.zip">
								 下载Android系统Demo
								</a>
							</div>
							<div class="inner-2">

								<a class='sdk' href="http://www.audiogroup.cn/demo/AGX_SDK_v1.zip">
									下载Android系统SDK
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="process_r">
				 <div class="process_line">
					<strong class="step t1 step_l">第1步</strong><strong class="step t1 step_r">注册认证</strong>
					<strong class="step t2 step_l">第2步</strong><strong class="step t2 step_r">添加应用</strong>
					<strong class="step t3 step_l">第3步</strong><strong class="step t3 step_r">SDK开发</strong>
					<strong class="step t4 step_l">第4步</strong><strong class="step t4 step_r">提交审核</strong>
					<strong class="step t5 step_l">第5步</strong><strong class="step t5 step_r">发布应用</strong>
					<strong class="step t6 step_l">第6步</strong><strong class="step t6 step_r">合作成功</strong>
					<img src="img/process.png" height="100%">
				 </div>
				</div>
			</div>
		</div>
		<div class="pic_bt">
				<div class="container">
					<div class="footer">
						<ul>
							<li><a>关于我们</a><span>|</span></li>
							<li><a>法律声明</a><span>|</span></li>
							<li><a>友情链接</a><span>|</span></li>
							<li><span>北京美瑞丰科技发展有限公司</span></li>

						</ul>
					</div>
				</div>


			</div>
	</div>
</section>
<ul class="section-btn">
  <li class="on"></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>
</body>
</html>

